<template>
	<view class="">
		<navbar :title="i18n.cxzjc"></navbar>
		<view class="w690 auto">
			<view class="f14 color-white lhl175 block mt20">{{ i18n.cxtips1 }}</view>
		</view>
		<view class="box w690 auto fsb wrapyes text--center white my15">
			<text class="block wp31 bor5 bg-theme py9 my5" v-for="(item, index) in menuArray" :key="index">{{ item }}</text>
		</view>
		<view class="btn-blue block auto mt30 w690" @click="Toverification()">{{ i18n.wychzjc }}</view>
		<view class="mark" @click="btn()" v-if="mark"></view>
		<view class="tips text--center" v-if="mark">
			<view class=""><image src="../../static/login/warning.png" mode="" class="warnimg block auto mt40 mb10"></image></view>
			<view class="f14 px20 fwb500 lhl175">{{ i18n.cxtips2 }}</view>
			<view class="w512 btn-blue mt30 mb40" @click="btn()">{{ i18n.wzdl }}</view>
			<!-- <view class="hui f14 pb32" @click="bark()">{{ i18n.syb }}</view> -->
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			menuArray: ['remind', 'frewg', 'rqrqw', 'hojiijop', 'vwevdf', 'grgtrh', 'btrysh', 'vrebrn', 'Fwefe','Fwefes','toggle','toggles'],
			mark: true
		};
	},
	computed: {
		i18n() {
			return this.$t('login');
		}
	},
    onLoad(option){
    	this.menuArray = option.Memo.split(",");
    },
	methods: {
		Toverification() {
			uni.navigateTo({
				url: './verification?Memo='+this.menuArray
			});
		},
		eyesin(index){
			if(index==0){
				this.eyestate = !this.eyestate
			}else{
				this.comfirmstate = !this.comfirmstate
			}
		},
		btn() {
			this.mark = !this.mark;
		},
		bark() {
			uni.navigateBack(1);
		}
	}
};
</script>

<style lang="less">
.warnimg{
	width: 198rpx;
	height: 198rpx;
}
.border {
	border: 1rpx solid rgba(151, 151, 151, 0.6);
	border-radius: 4rpx;
}
.tips {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 596rpx;
	// height: 682px;
	background: #ffffff;
	border-radius: 16rpx;
	z-index: 99;
}
.w512 {
	width: 512rpx;
}
</style>
